<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html">

    <body>
        <ui:composition template="./../plantilla/plantillaGeneral.xhtml">
            <ui:define name="title">
                #{general.reportes} #{general.planificacion}
            </ui:define>
            <ui:define name="content">
                <h:form id="frmPla" >
                    <p:ajaxStatus style="height:24px;display:block;">  
                        <f:facet name="start">  
                            <h:graphicImage value="../imagenes/ajax-loader.gif" />  
                        </f:facet>  
                        <f:facet name="complete">  
                            <h:outputText value="" />  
                        </f:facet>  
                    </p:ajaxStatus>  
                    <p:growl id="messages" showDetail="true" />  
                    <h:panelGrid id="pngTituloLis001" columns="1">
                        <h:outputText id="outTituloLis001" value="#{general.planificacion} #{general.ordenProduccion}" styleClass="texto_subtitulo"/>
                    </h:panelGrid>
                    <p:panel id="pnlDistribuir" header="#{general.buscar} #{general.ordenesProduccion} ">
                        <p:panel id="pnlFiltroD" header="#{general.filtrosBusqueda}">
                            <h:panelGrid id="pngFiltro" columns="8">
                                <h:panelGroup id="pngFiltrosBusqueda">
                                    <h:outputText id="outFechaInicio" value="#{general.fechaInicio}: " styleClass="texto_negrita_derecha"/>
                                    <p:calendar id="cldFechaInicio" value="#{reportePlanificacionOP.fechaInicio}" mode="popup" showOn="button" navigator="true" locale="es" title="#{general.buscar} #{general.ordenesProduccion} un mes #{general.desde} de la fecha de inicio"
                                                popupIconOnly="true" pattern="#{formato.formatoFecha}" size="8" onSelectUpdate="frmPla:schPla" selectListener="#{reportePlanificacionOP.buscarPorFechas}">
                                    </p:calendar>
                                </h:panelGroup>
                            </h:panelGrid>
                        </p:panel>
                        <p:spacer height="10"/>

                        <p:panel id="pnlResBusPla" header="#{general.resultadoBusqueda}">
                            <p:schedule id="schPla" value="#{reportePlanificacionOP.lazyModel}"  
                                        editable="true"   
                                        eventSelectListener="#{reportePlanificacionOP.onEventSelect}"
                                        onEventSelectComplete="mosDial()"
                                        showWeekends="false" 
                                        initialDate="#{reportePlanificacionOP.fechaInicio}"
                                        rightHeaderTemplate="month, agendaWeek, agendaDay"
                                        leftHeaderTemplate="prev,next">  
                            </p:schedule>  
                            <p:spacer height="10"/>
                            <p:remoteCommand name="mosDial" immediate="true"  action="#" onsuccess="eventD.show()" process=":diaDetOPD"  
                                             update="frmPla:pnlDetalle,frmPla:pnlDetalleManObr"/>
                            <p:dialog id="diaDetOPD" widgetVar="eventD" header="#{general.detalle} #{general.planificacionOPD}" 
                                      showEffect="clip" hideEffect="clip" resizable="true" minWidth="500" modal="true" > 

                                <p:panel id="pnlDetalle" header="#{general.detalle} #{general.planManoObra}"   >
                                    <table >
                                        <tr>
                                            <td><h:outputLabel id="outPlaCliNom" value="#{general.cliente}:" styleClass="texto_negrita_derecha"/></td>
                                            <td colspan="3"><p:inputText id="inpPlaCliNom" value="#{reportePlanificacionOP.planificaDetalle.ordenProduccion.tproforma.tentidad.nombres} #{reportePlanificacionOP.planificaDetalle.ordenProduccion.tproforma.tentidad.apellidos}" 
                                                             readonly="true" size="52"/></td>
                                        </tr>
                                        <tr>
                                            <td><h:outputLabel id="outIdPla" for="inpIdPla" value="#{general.codigo} de #{general.planificacion}:"  styleClass="texto_negrita_derecha" /></td>
                                            <td><p:inputText id="inpIdPla" value="#{reportePlanificacionOP.planificaDetalle.idPlandet}" readonly="true" size="15"/></td>
                                            <td width="15"><h:outputLabel id="outPlaNumOp"  value="#{general.numeroOP}:" styleClass="texto_negrita_derecha"/></td>
                                            <td><p:inputText id="inpPlaNumOp" value="#{reportePlanificacionOP.planificaDetalle.ordenProduccion.idOp}" readonly="true" /></td>
                                        </tr>
                                        <tr>
                                            <td><h:outputLabel id="outPlaDis" value="#{general.centroDistribucion}: " styleClass="texto_negrita_derecha"/></td>
                                            <td colspan="3"><p:inputText id="inpPlaDis" value="#{reportePlanificacionOP.planificaDetalle.tcentrodistribucion.descripcion}" readonly="true" size="52"/></td>
                                        </tr>
                                        <tr>
                                            <td><h:outputLabel id="outPlaPro" value="#{general.numeroProforma}: " styleClass="texto_negrita_derecha"/></td>
                                            <td><p:inputText id="inpPlaPro" value="#{reportePlanificacionOP.planificaDetalle.tdetproforma.tproforma.tproformaPK.idProforma}" readonly="true"  size="15"/></td>
                                            <td width="15" align="left"><h:outputLabel id="outPlaPer" value="#{general.periodo}: " styleClass="texto_negrita_derecha"/></td>
                                            <td><p:inputText id="inpPlaPDet" value="#{reportePlanificacionOP.planificaDetalle.tdetproforma.periodocodigo}" readonly="true" size="20" /></td>
                                            
                                        </tr>
                                        <tr>
                                            <td ><h:outputLabel id="outPlaSuc1" value="#{general.sucursal}: " styleClass="texto_negrita_derecha"/></td>
                                            <td><p:inputText id="inpPlaSuc1" value="#{reportePlanificacionOP.planificaDetalle.ordenProduccion.tproforma.tsucursal.descSucursal}" readonly="true" size="15"/></td>
                                            <td width="15" align="left" ><h:outputLabel  id="outPlaPed" value="#{general.numeroPedido}" styleClass="texto_negrita_derecha"/></td>
                                            <td><p:inputText id="inpPlaPed" value="#{reportePlanificacionOP.planificaDetalle.tdetproforma.tproforma.numPedido}" size="20" readonly="true"/></td>
                                        </tr>
                                    </table>
                                </p:panel>
                                <p:spacer height="10"/> 
                                <p:panel id="pnlDetalleManObr" header="#{general.detalle} #{general.manoObra}"  >
                                    <h:panelGrid id="pngDetalle" columns="1" cellpadding="5px">
                                        <p:dataTable id="dttManObr" scrollable="false" style="width: 100%;" 
                                                     value="#{reportePlanificacionOP.planificaDetalle.planificacionResponsable}" var="item" emptyMessage="#{general.noDatos}">
                                            <f:facet name="header">
                                                <h:panelGrid columns="1">
                                                    <h:outputText id="outHeadManObr" value="#{general.manoObra}" />
                                                </h:panelGrid>
                                            </f:facet>
                                            <p:column style="width: 90px">
                                                <f:facet name="header">
                                                    <h:outputText value="#{general.codigo}"/>
                                                </f:facet>
                                                <h:outputText value="#{item.idPlanres}" />
                                            </p:column>
                                            <p:column style="width: 76px" >
                                                <f:facet name="header">
                                                    <h:outputText value="#{general.cedula}" />
                                                </f:facet>
                                                <h:outputText value="#{item.tresponsablecdistri.tusuario.noCedula}" />
                                            </p:column>
                                            <p:column style="width: 250px">
                                                <f:facet name="header">
                                                    <h:outputText value="#{general.nombre}" />
                                                </f:facet>
                                                <h:outputText value="#{item.tresponsablecdistri.tusuario.nombre}" />
                                            </p:column>
                                            <p:column style="width: 190px">
                                                <f:facet name="header">
                                                    <h:outputText value="#{general.centroDistribucion}" />
                                                </f:facet>
                                                <h:outputText value="#{item.tresponsablecdistri.tcentrodistribucion.descripcion}" />
                                            </p:column>
                                            <p:column style="width: 150px">
                                                <f:facet name="header">
                                                    <h:outputText value="#{general.fechaCreacion}" />
                                                </f:facet>
                                                <h:outputText value="#{item.fechaCreacion}" />
                                            </p:column>
                                        </p:dataTable>
                                        <p:spacer height="10"/> 
                                    </h:panelGrid>
                                </p:panel>

                            </p:dialog>
                        </p:panel>
                    </p:panel>
                </h:form>

            </ui:define>
        </ui:composition>
    </body>
</html>
